<!-- 封装组件 -->
<script setup lang="ts">
//接受父组件传递过来的参数
defineProps({
    //xlink:href属性值前缀
    prefix: {
        type: String,
        default: '#icon-'
    },
    //图标名字
    name: String,
    //接收父组件传递过来的颜色
    color: {
        type: String,
        default: ""
    },
    width:{
        type:String,
        default:'16px'
    },
    //svg高度
    height: {
        type: String,
        default: '16px'
    }
})

</script>

<template>
    <svg :style="{width,height}">
      <use :xlink:href="prefix + name" :fill="color"></use>
    </svg>

</template>

<style scoped>

</style>